<template>
         <div>
            <h3 class="title">1.举杯无畏青衫少年</h3>
            <p>
                <span>发表时间:2018-04-16 11:25:32</span>
                <span>点击1次</span>
            </p>

            <hr>

            <div v-html="contentMsg" class="content"></div>

            <comment-box :msgid='id'></comment-box>
         </div>
</template>



<script>

import comment from '../subcomponents/comment.vue'
export default {
           data:function() {
            
            return{
                contentMsg:'泛黄的白衬衫早已洗不掉领口烟草味道还藏你的笑孤独多少年又回到起点记忆中的脸梦里欢醒渐渐浮现你容颜又让我沉陷生活再乱日子再难有你相伴到永远举杯无畏青衫少年执梦天边背上行囊走人间并带上你从前星夜蝉鸣寻觅微风盼归际荡漾出波光粼粼你的回忆白马寄青衣南门断桥雨季细雨溅别惜落叶秋风何时何从不相遇回眸泪笑意天空再黑人世再暗为你持伞于遮无所畏惧执手追忆平凡美丽吉珠无风且无雨我会在这等你        天空再黑世界再暗是谁等待月台站长路漫漫张开翅膀迎风破浪追逐未来的勇敢拥抱温暖日子再苦生活再难有你在亦是无憾风花璀璨烟雨弥漫终究非凡故事有你的陪伴浪起波澜徐徐海风白帆归岸与你在破晓之上沙滩比肩旭日东升海景醉人天高海阔想对你说谢谢有你在',
                id:this.$route.params.id
            };
        },

        created() {
           console.log(this.$route.params.id);
        },

        methods: {
          
        },
        components: {
               "comment-box": comment
        }
}
</script>


<style lang="less" scoped>
    .title {
        text-align: center;
        font-size: 15px;
        color: red;
    }

    p {
         color: #226aff;
         font-size: 11px;
         display: flex;
         justify-content: space-between;
         padding: 0 5px;
         margin:0;
    }

    hr {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }

    .content {
        padding: 0 5px;
        margin-bottom: 20px;
    }

    

</style>